<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入首页js文件 -->
    <script src="js/index.js"></script>
    <title>联合 - 商城</title>
</head>
<body>
    <div class="jd_layout">
        <!-- 搜索块 -->
        <div class="jd_search">
            <a href="javascript:;" class="jd_logo"></a>
            <form action="" class="jd_searchBox">
                <span id="ccc">|</span>
                <input type="text" name="" id="">
            </form>
            <a href="javascript:;" class="jd_login">登陆</a>
        </div>
        <!-- 轮播图 -->
    <div class="bannerBox clearfix">
        <div class="jd_banner">
            <!-- 图片 -->
            <ul class="jd_bannerImg clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="uploads/1.jpg" alt="">
                    </a>
                </li>
                <li>
                        <a href="javascript:;">
                        <img src="uploads/2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                            <a href="javascript:;">
                                <img src="uploads/3.jpg" alt="">
                            </a>
                        </li>
                        <li>
                                <a href="javascript:;">
                                    <img src="uploads/4.jpg" alt="">
                                </a>
                            </li>
                            <li>
                                    <a href="javascript:;">
                                        <img src="uploads/5.jpg" alt="">
                                    </a>
                    </li>
                    <li>
                            <a href="javascript:;">
                                <img src="uploads/6.jpg" alt="">
                            </a>
                        </li>
                        <li>
                                <a href="javascript:;">
                                    <img src="uploads/7.jpg" alt="">
                                </a>
                        </li>
                        <li>
                                <a href="javascript:;">
                                    <img src="uploads/8.jpg" alt="">
                                </a>
                        </li>
            </ul>
            <!-- 点标记 -->
            <ul class="jd_bannerIndicator">
                <li class="active"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
        <!-- 导航块 -->
        <div class="jd_nav">
            <ul class="clearfix">
                <li>
                    <a href="javascript:;">
                        <img src="images/01.png.webp" alt="">
                        <p>京东超市</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/02.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/03.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/04.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/05.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/06.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/07.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/08.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/09.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        <img src="images/10.png.webp" alt="">
                        <p>商品分类</p>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 产品块 -->
        <div class="jd_product">
            <div class="jd_productBox clearfix jd_sk">
                <div class="jd_pTitle">
                        <div class="jd_left f_left">
                                <span class="jd_sk_icon f_left m_left20"></span>
                                <span class="jd_sk_text f_left m_left5">23点专场</span>
                                <div class="jd_sk_time f_left m_left10">
                                    <span>0</span>
                                    <span>0</span>
                                    <span>:</span>
                                    <span>0</span>
                                    <span>0</span>
                                    <span>:</span>
                                    <span>0</span>
                                    <span>0</span>
                                </div>
                            </div>
                            <div class="jd_right f_right m_right20">更多秒杀<i class="sk_more_icon"></i></div>
                </div>
                <div class="jd_pContent seckill_slider" style="overflow-x: scroll">
                    <ul class="j_seckill_list">
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/003.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price ">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">115</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">199</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/002.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price ">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">3999</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">6299</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/001.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1999</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1299</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/004.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">99</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">225</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/005.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">89</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">239.7</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/002.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1999</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1299</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/002.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1999</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1299</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/002.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1999</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1299</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/001.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1999</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1299</span>
                                </span>
                            </div>
                        </li>
                        <li class="j_sk_li">
                            <div class="seckill_item_img">
                                <a href="javascript:;" class="new_link">
                                    <img src="uploads/001.jpg.dpg" alt="">
                                </a>
                            </div>
                            <div class="seckill_item_price">
                                <span class="seckill_new_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1999</span>
                                </span>
                                <span class="seckill_original_price">
                                    <em>￥</em>
                                    <span class="jd_init_price">1299</span>
                                </span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="jd_productBox">
                <div class="jd_pTitle">
                    <h3>手机专区</h3>
                </div>
                <div class="jd_pContent clearfix">
                    <a href="javascript:;" class="a_50 f_left b_right">
                        <img src="uploads/021.png" alt="">
                    </a>
                    <a href="javascript:;" class="a_50 f_right b_bottom">
                        <img src="uploads/022.jpg" alt="">
                    </a>
                    <a href="javascript:;" class="a_50 f_right">
                        <img src="uploads/023.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="jd_productBox">
                <div class="jd_pTitle">
                    <h3>实惠针织秒杀价</h3>
                </div>
                <div class="jd_pContent clearfix">
                    <a href="javascript:;" class="a_50 f_right b_left">
                        <img src="https://gw.alicdn.com/bao/uploaded/i2/TB1Zs1wLXXXXXXDaXXXXXXXXXXX_!!0-item_pic.jpg_200x200q85s150.jpg_.webp" alt="" class="img100">
                    </a>
                    <a href="javascript:;" class="a_50 f_right b_bottom">
                        <img src="https://gw.alicdn.com/bao/uploaded/i4/83254671/TB2wqC_cPnD8KJjSspbXXbbEXXa_!!83254671.jpg_100x100q85s150.jpg_.webp" alt="">
                    </a>
                    <a href="javascript:;" class="a_50 f_right">
                        <img src="https://gw.alicdn.com/bao/uploaded/i4/83254671/TB2DJn6aA6z11Bjy0FoXXbvkpXa_!!83254671.jpg_100x100q85s150.jpg_.webp" alt="">
                    </a>
            </div>
        </div>
        </div>
    </div>
</body>
</html>